<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<style type="text/css">

			*{

				margin: 0;

				padding: 0;

			}

			div{

				box-sizing: border-box;

				border: 1px #E4E4E4 solid;

				width: 230px;

				margin: 30px;

			}

			div p{

				background:linear-gradient(to top,#FFF,#CCCCFF);

				color: #666;

				font-size: 16px;

				height: 43px;

				line-height: 43px;

				padding-left: 10px;

				border-bottom: 1px dotted;				

			}

			div ul li{

				list-style: none;

				margin:5px 0;

				line-height: 26px;

				font-size: 12px;	

				color: #666;

				padding-left: 12px;

							

			}

			a{

				text-decoration: none;

				color: #666;

			}

			a:hover{

				color: brown;

			}

		</style>

	</head>

	<body>

		<div>

			<p>京东快报</p>

			<ul>

				<li><strong>[特惠]</strong><a href="#">海飞丝去屑又去油 超清爽</a></li>

				<li><strong>[公告]</strong><a href="#">京东公益支持鲁甸新动作</a></li>

				<li><strong>[特惠]</strong><a href="#">4688元抢iPhone 6</a></li>

				<li><strong>[公告]</strong><a href="#">小米电视携豪礼高调入驻京东</a></li>

			</ul>

		</div>

	</body>

</html>


